<template>
    <div class="container">
        <div class="success-icon"><i class="fa fa-check-circle"></i></div>
        <p class="success-title">保存成功</p>
        <div class="success-content">
            <p>机构名称：{{companyName}}</p>
            <p>公司码：<span>{{companyCode}}</span></p>
        </div>

        <p class="success-return"><a @click="goBack"><span>直接返回</span></a></p>
    </div>
</template>

<script>
    export default {
        name: "add-org-success",
        mounted(){
          this.companyName = this.$route.params.company.companyName;
          this.companyCode = this.$route.params.company.companyCode;
        },
        data(){
          return{
              companyName:'',
              companyCode:''
          }
        },
        methods:{
            goBack(){
                this.$router.push("/org/orgIndex");
            }
        }
    }
</script>

<style scoped>
    .success-icon{font-size: 80px;color: #FF9900;text-align: center;margin-top: 50px;}
    .success-title{text-align: center;color:#FF9900;font-size:20px;}
    .success-content{text-align: center;font-size: 20px;margin-top: 20px}
    .success-content p span {color:#FF9900;}
    .success-return{font-size: 16px;text-align: center;margin-top: 50px;}
    .success-return a span{color:#FF9900;}

</style>